//LiuZh 2017-06-27
import React, { Component } from 'react';

import {
	View,
  Image,
  StyleSheet,
  Text,
} from 'react-native';

export default class AboutUs extends Component{

	render() {
		return (
			<View style={styles.body}>	
				<View style={styles.top}>
					<View style={styles.imgBody}>
						<Image style={styles.img}
							source={require('shequnsiweiapp/src/img/login_top_icon.png')}/>
					</View>
					<Text>V1.1.1</Text>
				</View>
				<View style={styles.itemBody}>
					<Text >客服电话</Text>
					<View style={{flex:1}}/>
					<Text style={{color: '#CC0'}}>010-68951436</Text>
				</View>
				<View style={styles.itemBody}>
					<Text >E-mail</Text>
					<View style={{flex:1}}/>
					<Text style={{color: '#CC0'}}>sqsw@163.com</Text>
				</View>
				<View style={{flex: 1}}/>
				<View style={{justifyContent: 'center',alignItems:'center'}}>
					<Text style={{marginBottom: 10,fontSize: 10,color: '#AAA'}}>社群思维有限公司©版权所有</Text>
				</View>
			</View>
		)
	}
}

const styles = StyleSheet.create({

	body: {
		flex: 1,
		backgroundColor: '#FAFAFA',
	},
	top: {
		height: 260,
		justifyContent: 'center',
		alignItems: 'center',
	},
	imgBody: {
		height: 90,
		width: 90,
		borderRadius: 8,
		backgroundColor: '#00F',
		marginBottom: 8,
		justifyContent: 'center',
		alignItems: 'center'
	},
	img: {
		height: 80,
		width: 80,
	},
	itemBody: {
		flexDirection: 'row',
		paddingLeft:8,
		paddingRight: 8,
		justifyContent: 'center',
		alignItems: 'center',
		backgroundColor: '#FFF',
		height: 50,
		marginBottom: 1,
	}

});
